<template>
    <!--潜客调配录入页面  -->
    <div>
        <div style="height: 30px; line-height: 30px;padding-left: 20px;">
              <h1>潜客录入</h1>
        </div>
  
        <div  style="height: auto; padding: 100px;">
            <ui-form  v-model="searchForm" laber-width="150px"  >

                <ui-form-item label="调配管户人名称">
                    <ui-input type="text"  style="width: 300px;" placeholder="请输入调配管护人名称" v-model="searchForm.customerName" > </ui-input>
                </ui-form-item> 

                <ui-form-item label="调配管户人所属机构"  >
                    <ui-select v-model="searchForm.institutionalUnit" placeholder="请选择所属机构" style="width: 300px;">
                        <!-- <ui-option v-for="" :key="" :label="" :value=""></ui-option>       -->
                        <ui-option :value="0" label="零售"></ui-option>
                        <ui-option :value="1" label="公司"></ui-option>
                    </ui-select>
                </ui-form-item>  

                <ui-form-item label="调配管户人编号">
                    <ui-input maxlength="100" style="width: 300px;"   type="text" placeholder="请输入管护人编号" v-model="searchForm.customerNumber" > </ui-input>
                </ui-form-item> 
                
                <ui-form-item  style="text-align: center;margin-top: 200px;">
                    <ui-button class="primary-btn" @click="searchList(true)" icon="ui-icon-search">返回</ui-button>
                    <ui-button class="default-btn" @click="reset" icon="ui-icon-refresh-right">提交</ui-button>
                </ui-form-item>
                


            </ui-form>


        </div>

    </div>
</template>

<script>

export default{
    data(){
        return{
            searchForm:{
                customerName:'',
                institutionalUnit:'',
                customerNumber:''
            }
        }
    }
}

</script>
<style scoped  lang="scss" scoped>

 ::v-deep .ui-form-item__label{
    margin-left: 33%;
    width: 150px;
 }

</style>